<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中心页</title>
<link href="public/css/body.css" rel="stylesheet" type="text/css">
<link href="public/css/style.css" rel="stylesheet" type="text/css">
<script src="public/js/jquery-1.7.1.min.js"></script>
<script src="public/js/style.js"></script>
</head>

<body>
<!--头部-->
<div class="header width left">
	<ul>
    	<li class="sy-1"><h3><a href="">Jun</a></h3></li>
        <li class="sy-2"><a href="">管理后台</a></li>
        <li class="sy-3">
        	<a href="javascript:viod(0);"><span>全部分类</span><span class="caret"></span><span class="caret2"></span></a>  
        	<div>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
            </div>
        </li>
        <li class="sy-4">
        	<a href="javascript:viod(0);"><span>超级管理员</span><span class="caret"></span><span class="caret2"></span></a>
        	<ul>
            	<li><a href="">修改资料</a></li>
                <li><a href="">退出登录</a></li>
            </ul>
      </li>
  </ul>
</div>
<!--左侧-->
<div class="left-1">
    <ul class="ul">
    	<li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li bag"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
        <li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="left-2">
	<div class="top-3">三级分类</div>
    <div class="list">
    	<ul>
        	<li><a href="">标签一</a></li>
            <li class="tub"><a href="">标签二</a></li>
            <li><a href="">标签三</a></li>
            <li><a href="">标签四</a></li>
        </ul>
    </div>
</div>

<!--main-->
<div class="main left">
	<div class="main-left width-65">
    	<div class="bag left">
        	<a href="">
            	<img src="public/img/default_family.jpg" width="50" height="50">
            </a>
            <span class="user-level">L1</span>
            <div class="user-name">
            	<span class="text-muted">Hi,</span>超级管理员
            </div>
        </div>
        <div class="div">
        	<span class="left">快速管理</span>   
        	<span class="st right"><a id="convenient" href="javascript:viod(0);">添加便捷管理</a></span>
        </div>
        
        <div>
        	<ul>
            	<li><a href="">关于我们</a></li>
                <li class="bor">|</li>
                <li><a href="">联系我们</a></li>
                <li class="bor">|</li>
                <li><a href="">SEO设置</a></li>
                <li class="bor">|</li>
                <li><a href="">添加文章</a></li>
                <li class="bor">|</li>
                <li><a href="">添加新闻</a></li>
                <li class="bor">|</li>
            </ul>
        </div>
        
    </div>
    <div class="main-right width-30">
    	<div class="div">Admin - 登录记录</div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
          	<th align="center">IP地址</th>
            <th align="center">操作时间</th>
          </tr>
          <tr>
            <td>127.0.0.1</td>
            <td>2016-02-25 23:29:08</td>
          </tr>
          <tr>
            <td>127.0.0.2</td>
            <td>2016-02-25 23:29:08</td>
          </tr>
          <tr>
            <td>127.0.0.2</td>
            <td>2016-02-25 23:29:08</td>
          </tr>
        </table>
    </div>
    
    <div class="main-right width-100">
    	<div class="div">网站基本信息</div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="width-15">单页栏目数: </td>
            <td class="width-18">6</td>
            <td class="width-15">数据表总数: </td>
            <td class="width-18">12</td>
            <td class="width-15">系统语言: </td>
            <td class="width-18">PHP(Laravel 5.3)</td>
          </tr>
		  <tr>
            <td class="width-15">页面编码: </td>
            <td class="width-18">UTF-8</td>
            <td class="width-15">网站地图: </td>
            <td class="width-18">开启 <a href="">(点击关闭)</a></td>
            <td class="width-15">安装日期: </td>
            <td class="width-18">2016-09-28 13:33:21</td>
          </tr>
        </table>
    </div>
    
    <div class="main-right width-100">
    	<div class="div">服务器信息</div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="width-15">PHP版本: </td>
            <td class="width-18">5.3.29</td>
            <td class="width-15">MySQL版本: </td>
            <td class="width-18">5.5.40</td>
            <td class="width-15">服务器操作系统: </td>
            <td class="width-18">WINNT(127.0.0.1)</td>
          </tr>
		  <tr>
            <td class="width-15">文件上传限制: </td>
            <td class="width-18">2M</td>
            <td class="width-15">GD库支持: </td>
            <td class="width-18">是</td>
            <td class="width-15">Web 服务器: </td>
            <td class="width-18">Apache/2.4.10 (Win32) OpenSSL/0.9.8zb mod_fcgid/2.3.9</td>
          </tr>
        </table>
    </div>
    
    <div class="main-right width-100">
    	<div class="div">作者信息</div>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="width-15">仿阿里云控制台UI - 作者: </td>
            <td class="width-18">小黄泥岗</td>
            <td class="width-15">QQ号: </td>
            <td class="width-18">1731223728</td>
            <td class="width-15">QQ群号: </td>
            <td class="width-18">368405253</td>
          </tr>
		  <tr>
            <td class="width-15">Blog地址: </td>
            <td class="width-18"><a href="http://www.junphp.com/Blog/">http://www.junphp.com/Blog/</a></td>
            <td class="width-15">使用说明: </td>
            <td class="width-18">作者授权,免费使用,但必须保留相关版权信息.</td>
            <td class="width-15">注意: </td>
            <td class="width-18">版UI模板仅限于学习交流,请勿用于商业用途.</td>
          </tr>
        </table>
    </div>
    
</div>

<!--遮罩层-->
<div id="mask" class="mask"></div>
<div class="convenient">
	<div class="top"><span class="left">自定义便捷管理项</span><span class="right"><button type="button" id="close">×</button></span></div>
    <form action="" method="post">
    <!--隐藏域 用于记录已选中的ID号 : 格式为 |ID|ID|ID|-->
    <input id="ID" name="" type="hidden" value="|1|2|3|4|5|6|7|8|9|10|">
    <!--已选区域-->
    <div id="YXZ">
    	<span class="txt">已选区域: </span>
    	<div id="1"><a>云服务器</a><span>×</span></div>
        <div id="2"><a>对象存储</a><span>×</span></div>
        <div id="3"><a>订单管理</a><span>×</span></div>
        <div id="4"><a>添加文章</a><span>×</span></div>
        <div id="5"><a>新闻列表</a><span>×</span></div>
        <div id="6"><a>模型管理</a><span>×</span></div>
        <div id="7"><a>栏目管理</a><span>×</span></div>
        <div id="8"><a>添加栏目</a><span>×</span></div>
        <div id="9"><a>SEO设置</a><span>×</span></div>
        <div id="10"><a>管理员日志</a><span>×</span></div>
    </div>
    <!--未选区域-->
    <div id="WXZ">
    	<span class="txt">可选区域: </span>
    	<div id="11"><a>友情链接</a><span>+</span></div>
        <div id="12"><a>生成二维码</a><span>+</span></div>
        <div id="13"><a>模型列表</a><span>+</span></div>
        <div id="14"><a>Laravel</a><span>+</span></div>
        <div id="15"><a>ThinkPHP</a><span>+</span></div>
        <div id="16"><a>Ubuntu</a><span>+</span></div>
        <div id="17"><a>Centos</a><span>+</span></div>
        <div id="18"><a>redis</a><span>+</span></div>
        <div id="19"><a>linux</a><span>+</span></div>
        <div id="20"><a>windows</a><span>+</span></div>
    </div>
    
    <!--确认区域-->
    <div id="TJ">
    	<span class="txt"></span>
    	<span class="right"><input class="anniu-2" name="" type="reset" value="取消"></span>
        <span class="right"><input class="anniu-1" name="" type="submit" value="确认"></span>
    </div>
    </form>
</div>
</body>
</html>
